<template>
    <!-- <mt-popup
      v-model="popupVisible"
      popup-transition="popup-fade">
        <div class="pop-dialog-del">
          <h1>{{title}}</h1>
          <p>{{msg}}</p>
          <div class="g-btn">
            <span @click="cannal">取消</span>
            <span @click="comit" class="del">删除</span>
          </div>
        </div>
    </mt-popup> -->
    <div class="pop-del" v-show="popupVisible">
      <div class="pop-dialog-del">
          <h1>{{title}}</h1>
          <p>{{msg}}</p>
          <div class="g-btn">
            <span @click="cannal">取消</span>
            <span @click="comit" class="del">删除</span>
          </div>
        </div>
    </div>
</template>

<script>
export default {
  props: {
    popupVisible: {
      type : Boolean
    },
    title: {
      type: String,
      default:'删除操作'
    },
    msg: {
      type:String,
      default:'确定要永久性删除吗？'
    }
  },
  data() {
    return {
       errorImg01: 'this.src="' + require('../.././assets/logo.png') + '"'
    }
  },
  methods:{
    cannal(){
      this.$emit('cannal');
    },
    comit(){
      this.$emit('comit');
    }
  },
  mounted(){
  }

}
</script>

<style lang="stylus">
.pop-del
  background: rgba(0,0,0,0.5)
  position: fixed
  top: 0
  left: 0
  width: 100%
  height: 100%
  z-index: 1000
  .mint-popup
    border-radius 5px
  .pop-dialog-del
    width: 250px
    height: 151px
    background: #fff
    z-index: 1001
    border-radius: 5px
    margin: 200px auto
    h1
      line-height: 50px
      font-size: 16px
      text-align: center
      color: rgb(51,51,51)
      font-weight: 700
      letter-spacing: 1px
    p
      line-height: 30px;
      font-size: 14px;
      color: rgb(51,51,51);
      text-align: center;
      letter-spacing: 1px;
    .g-btn
      clear:both
      margin-top:20px
      display:flex
      span 
        text-align: center
        flex: 1;
        padding: 15px 0
        border-top: 1px solid #e5e5e5
        color:#686868
        &.del
          border-left 1px solid #e5e5e5
          color:#108ee9
      .btn-canal,.btn-ok
        height:35px
      .btn-canal
        flex:0 0 40%
      .btn-ok
        margin-left:10px
        flex:1

</style>